<template>
    <div class="one">
        <div>
            <img :src="require('../assets/img/11.png')">
            <p>图书</p>
        </div>
        <div>
            <img :src="require('../assets/img/12.png')">
            <p>童书</p>
        </div>
        <div>
            <img :src="require('../assets/img/13.png')">
            <p>新书榜</p>
        </div>
        <div>
            <img :src="require('../assets/img/14.png')">
            <p>电子书</p>
        </div>
        <div>
            <img :src="require('../assets/img/15.png')">
            <p>读什么</p>
        </div>
        <div>
            <img :src="require('../assets/img/21.png')">
            <p>服装</p>
        </div>
        <div>
            <img :src="require('../assets/img/22.png')">
            <p>立减200</p>
        </div>
        <div>
            <img :src="require('../assets/img/23.png')">
            <p>儿童街</p>
        </div>
        <div>
            <img :src="require('../assets/img/24.png')">
            <p>领券中心</p>
        </div>
        <div>
            <img :src="require('../assets/img/25.png')">
            <p>签到</p>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
 .one{
     display: flex;
     flex-wrap: wrap;
     div{
        width: 18%;
        line-height: 6vw;
        padding-left: 6px;
        padding-top: 2vw;
        text-align: center;
        img{
            padding-left: 3.1vw;
            width: 65%;
        }
     }
 }
</style>